<div id="rules">
<h2 class="zweiteUeberschrift">
Spielregeln
</h2>
<font class= "Text">
Jeder Spieler darf seine Schiffe selbst setzten, muss dabei jedoch die Vorgaben einhalten, <br>
mehr dazu unter <strong>Planungsphase</strong>.<br><br>

Sobald alle Schiffe gesetzt wurden beginnt das Spiel, dabei wird abwechselnd geschossen<br>
und der Herausforderer darf beginnen.<br><br>

Wer nun zuerst alle Schiffe seines Gegners zerstoert gewinnt das Spiel.<br>
</font>
</div> 

<div id="planning">
<h2 class="zweiteUeberschrift">
Planungsphase
</h2>

<font class= "Text">
Zu Beginn des Spiels muessen die Schiffe gesetzt werden.<br>
Durch Klicken auf ein Feld wird ein Schiffsteil gesetzt. Es erscheint ein Kreuz. <img class="helpimage" src="images/schiffplatz.png" alt="" title="" /><br>
Jeder Spieler erhaelt insgesamt 6 Schiffe die er auf seinem Spielfeld platzieren kann:<br>
<ul>
<li>ein Schlachtschiff (5 Kaestchen)<img class="helpimage" src="images/ship5.PNG" alt="" title="" /></li>
<li>zwei Kreuzer (je 4 Kaestchen)<img class="helpimage" src="images/ship4.PNG" alt="" title="" /></li>
<li>einen Zerstoerer (je 3 Kaestchen)<img class="helpimage" src="images/ship3.PNG" alt="" title="" /></li>
<li>zwei U-Boote (je 2 Kaestchen)<img class="helpimage" src="images/ship2.PNG" alt="" title="" /></li>
</ul>

Beim Setzen der Schiffe muessen folgende Regeln beachtet werden:
<ol>
<li>Die Schiffe duerfen nicht aneinander stossen.</li>
<img class="helpimage" src="images/shipdistance.PNG" alt="" title="" />

<li>Die Schiffe duerfen nicht ueber Eck gebaut sein oder Ausbuchtungen besitzen.</li>
<br>
<li>Die Schiffe duerfen auch am Rand liegen.</li>
<img class="helpimage" src="images/shipborder.PNG" alt="" title="" />
<li>Die Schiffe duerfen nicht diagonal aufgestellt werden.</li>
</ol>





</font>
</div>



<div id="playing">
<h2 class="zweiteUeberschrift">
Spielphase
</h2>

<font class="Text">
Sobald alle Schiffe gesetzt wurden, beginnt das Spiel.<br>
Der Herausforderer macht den ersten Zug<br>
Durch einen Klick auf ein Feld des gegnerischen Gewaesseres wird nun ein Schuss auf dieses Feld abgefeuert. <br>
<br>
<img class="helpimage" src="images/totenkopf.png" alt="" title="" /> Ist der Schuss ein Treffer, erscheint ein Totenkopf auf diesem Feld. <br>
<img class="helpimage" src="images/explosion.png" alt="" title="" /> Geht der Schuss ins Leere, erscheint ein schwarzer Fleck auf diesem Feld.  <br>
<br>
So ist bei den weiteren Zuegen nachvollziehbar, wo sich weitere Schiffe/Schiffsteile befinden koennten. <br>
Die Angriffe finden nun immer im Wechsel statt. <br>
Das Spiel endet wenn einer der Spieler alle Boote des Gegenspielers versenkt hat. 
</font>
</div>